<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
    <%@include file='header.jsp'%>
    <div id="page">
            <div id="contents">
                <h1>Cadastrar Pedido</h1>
                <form action="Controladora?action=SalvarPedido" method="POST" data-validate="parsley">
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Nome do Produto:</label>
                        </div>
                        <div class="_70">
                            <input type="text" maxlength="120" data-required="true" name="nome"/><br/>
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Nome do cliente:</label>
                        </div>
                        <div class="_70">
                            <select name="nomeCli" data-required="true" style=" width:350px;">
                                <option value="0" selected >Selecione um cliente</option>
                                <c:forEach var="cliente" items="${listaCliente}">
                                    <c:if test="${cliente.nome != null}">
                                        <option value="<c:out value='${cliente.id}'/>"><c:out value="${cliente.nome}" /></option>
                                    </c:if>
                                </c:forEach>
                            </select><br/>
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Tipo:</label>
                        </div>
                        <div class="_70">                    
                            <select name="tipo" data-required="true">
                                <option value="0" selected>Selecione o tipo</option>
                                <c:forEach var="tipoProduto" items="${listaTipoProduto}">
                                    <c:if test="${tipoProduto.nome != null}">
                                        <option value="<c:out value='${tipoProduto.id}'/>"><c:out value="${tipoProduto.nome}" /></option>
                                    </c:if>
                                </c:forEach>
                            </select><br/>
                        </div>                   
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Modelo:</label>
                        </div>
                        <div class="_70">
                            <input type="text" maxlength="100" data-required="true" name="modelo"/><br/>
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Fabricante:</label>
                        </div>
                        <div class="_70">
                            <input type="text" maxlength="100" data-required="true" name="fabricante"/><br/>
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Descrição do problema:</label>
                        </div>
                        <div class="_70">
                            <textarea maxlength="300" name="obs" data-required="true" style="height: 100px; width: 350px;" class="input_field" id="obs"></textarea><br />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Data de entrada:</label>
                        </div>
                        <div class="_70">
                            <fmt:formatDate value="${data}" pattern="dd/MM/yyyy" var="dataFormatada" />
                            <input type="text" style="width: 80px;" readonly data-required="true" value="${dataFormatada}" id="dataEntrada" name="dataEntrada"/><div class="aviso" style="text-align: left">Ex.: (dd/mm/aaaa)</div>
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Data de entrega prevista:</label>
                        </div>
                        <div class="_70">
                            <fmt:formatDate value="${novaData}" pattern="dd/MM/yyyy" var="dataFormatada2" />
                            <input type="text" readonly style="width: 80px;" data-required="true" value="${dataFormatada2}" id="dataEntrega" name="dataEntrega"/><br/>
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Valor estimado (R$):</label>
                        </div>
                        <div class="_70">
                            <input type="text" maxlength="10" onkeyup="moeda(this);" data-required="true" name="valor" value="100,00"/><br/>
                        </div>
                    </div>
                    <input type="submit" onclick="if(!confirm('Tem certeza que deseja salvar?')) return false;" name="enviar" value="Cadastrar" class="btnpqn" style=" margin-left: 555px; width: 71px;"/>
                </form>            
            </div>
            <c:if test="${ msg != null}">
                <script type="text/javascript">
                    var msg = '${msg}';
                    alert(msg);
                </script>
            </c:if>
        <%@include file='footer.jsp'%>
    </div>
</body>
</html>
